{$layout}

	{$template "waf_menu"}

	<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
		<input type="hidden" name="firewallPolicyId" :value="firewallPolicyId"/>
		<table class="ui table definition selectable">
			<tr>
				<td class="title">策略名称 *</td>
				<td>
					<input type="text" name="name" maxlength="100" ref="focus" v-model="firewallPolicy.name"/>
					<p class="comment">给策略起一个容易识别的名字。</p>
				</td>
			</tr>
			<tr>
				<td>启用预置的规则</td>
				<td>
					<div class="ui checkbox" v-for="group in groups" style="width:10em;margin-bottom:0.5em">
						<input type="checkbox" name="groupCodes" :value="group.code" :id="'group-checkbox-' + group.code" v-model="group.isOn"/>
						<label :for="'group-checkbox-' + group.code">{{group.name}}</label>
					</div>
					<p class="comment">可以启用一些我们预置的规则组。</p>
				</td>
			</tr>
			<tr>
				<td>阻止动作配置</td>
				<td>
					<http-firewall-block-options :v-block-options="firewallPolicy.blockOptions"></http-firewall-block-options>
				</td>
			</tr>
			<tr>
				<td colspan="2"><more-options-indicator></more-options-indicator></td>
			</tr>
			<tbody v-show="moreOptionsVisible">
			<tr>
				<td>描述</td>
				<td>
					<textarea name="description" rows="3" v-model="firewallPolicy.description"></textarea>
				</td>
			</tr>
			<tr>
				<td>是否启用</td>
				<td>
					<div class="ui checkbox">
						<input type="checkbox" name="isOn" value="1" v-model="firewallPolicy.isOn"/>
						<label></label>
					</div>
				</td>
			</tr>
			</tbody>
		</table>
		<submit-btn></submit-btn>
	</form>